<%@ page import="java.util.List" %>
<%@ page contentType="text/html; charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>菜单页面</title>
    <script src="js/prototype.lite.js" type="text/javascript"></script>
<style>
body {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	background-color: #EEF2FB;
	margin: 0px;
}

#container {
	width: 177px;
}

H1 {
	font-size: 12px;
	margin: 0px;
	width: 177px;
	cursor: pointer;
	height: 30px;
	line-height: 20px;
}

H1 a {
	display: block;
	width: 177px;
	color: #000;
	height: 30px;
	text-decoration: none;
	moz-outline-style: none;
	background-image: url(images/menu_bgs.gif);
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.content {
	width: 177px;
	height: 26px;
}

.content1 {
	width: 177px;
	height: 182px;
}

.content2 {
	width: 177px;
	height: 52px;
}

.content3 {
	width: 177px;
	height: 78px;
}

.MM ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: block;
}

.MM li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	list-style-type: none;
	display: block;
	text-decoration: none;
	height: 26px;
	width: 177px;
	padding-left: 0px;
}

.MM {
	width: 177px;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	clip: rect(0px, 0px, 0px, 0px);
}

.MM a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 177px;
	display: block;
	text-align: left;
	margin: 0px;
	padding-left: 75px;
	overflow: hidden;
	text-decoration: none;
}

.MM a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	display: block;
	height: 26px;
	width: 177px;
	text-align: left;
	margin: 0px;
	padding-left: 75px;
	overflow: hidden;
	text-decoration: none;
}

.MM a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	color: #333333;
	background-image: url(images/menu_bg1.gif);
	background-repeat: no-repeat;
	height: 26px;
	width: 177px;
	text-align: left;
	margin: 0px;
	padding-left: 75px;
	display: block;
	overflow: hidden;
	text-decor ation: none;
}

.MM a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 26px;
	font-weight: bold;
	color: #006600;
	background-image: url(images/menu_bg2.gif);
	background-repeat: no-repeat;
	display: block;
	text-align: left;
	margin: 0px;
	padding-left: 75px;
	height: 26px;
	width: 177px;
	text-decoration: none;
}

.MM a {
	padding-left: 75px;
}
</style>
</head>
<body>
<div style="width: 181px;margin-left: 3px;float: left;">
    <div style="width: 100%;height:28px;"><img src="images/main_21.gif"/></div>
    <div id="container">
       
        <h1 class="type"><a href="javascript:void(0)">系统管理</a></h1>
        <div class="content2">
            <ul class="MM">
                <li><a href="<%=path%>/admin/system/user/DwUserManger.jsp" target="main">用户信息管理</a></li>
                <li><a href="<%=path%>/admin/system/user/DwUserManger.jsp" target="main">文档类型管理</a></li>
            </ul>
        </div>
        <h1 class="type"><a href="javascript:void(0)">角色管理</a></h1>
        <div class="content3">
            <ul class="MM">
                <li><a href="<%=path%>/admin/system/role/index.jsp" target="main">角色信息管理</a></li>
                <li><a href="<%=path%>/admin/system/role/roleTheme.jsp" target="main">单类对象主题分配</a></li>
                <li><a href="<%=path%>/admin/system/role/roleThemeComp.jsp" target="main">多类对象主题分配</a></li>
            </ul>
        </div>
        <h1 class="type"><a href="javascript:void(0)">照片管理</a></h1>
        <div class="content">
            <ul class="MM">
                <li><a href="<%=path%>/admin/picture/pictureManage.jsp" target="main">照片资料管理</a></li>
            </ul>
        </div>
        <h1 class="type"><a href="javascript:void(0)">日志管理</a></h1>
        <div class="content2">
            <ul class="MM">
                <li><a href="<%=path%>/admin/system/role/logSave.jsp" target="main">登录日志查看</a></li>
                <li><a href="<%=path%>/admin/system/role/logAction.jsp" target="main">操作日志查看</a></li>
            </ul>
        </div>
        <h1 class="type"><a href="javascript:void(0)">数据管理</a></h1>
        <div class="content">
            <ul class="MM">
                <li><a href="<%=path%>/admin/system/role/logAction.jsp" target="main">数据库备份</a></li>
            </ul>
        </div>
    </div>

    <script type="text/javascript">
        var contents = document.getElementsByClassName('content');
        var toggles = document.getElementsByClassName('type');
        var myAccordion = new fx.Accordion(
                toggles, contents, {opacity: true, duration: 200}
        );
        myAccordion.showThisHideOpen(contents[0]);       
    </script>
</div>
<div style="background: url(images/middle_bg.gif);width: 60px;min-height:800px;height: 900px; float:left;"></div>
</body>
</html>
